<template>
    <div>
        <el-row>
            <el-col :span="21"><el-input v-model="input" placeholder="请输入新任务" @keydown.enter="add()"/></el-col>
            <el-col :span="3"><el-button type="primary" round @click="add()">添加任务</el-button></el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    data() {
        return {
            input:''
        }
    },
    methods: {
        add() {
            if (this.input== '') {
                alert('请输入待办事项！')
            }else{
               // 把文本框中的数据传递给父组件
            this.$emit('add', this.input);
            this.input = ''; 
            }
            
        }
    },
}
</script>